/*pc*/
@media (min-width: 1400px) {
    .center {
        width: 1400px;
        margin: auto;
    }	
}
@media (max-width: 1400px) {
	.center {
        width: 95%;
        margin: auto;
    }
}
@media (min-width: 700px){
    .head{
        /*left: -100%;*/
        left: 0;
    }
    /*start-banner*/

    .banner{
        margin-top: 88px!important;
        overflow: hidden;
    }
    /*end-banner*/

    /*start-about*/
    .about{
        width: 100%;
        padding-bottom: 22px;
    }
    .about .title{
        width: 100%;
        margin-top: 70px;
    }
    .about .title h3{
        font-size:25px;
		text-align:center;
		font-weight: bold;
		color: #4a1912;
    }
    .about .brief{
        width: 100%;
        text-align: center;
        font-family: "微软雅黑";
        font-size: 14px;
        color: #666666;
        margin-top: 18px;
    }
    .about .content{
        width: 100%;
        margin-top: 62px;
    }
    .about .content .left{
        width: 41.27%;
        float: left;
    }
    .abbt{
        font-size:20px;
		font-weight:bold;		
    }
    .about .content .left .mins{
        width: 100%;
        margin-top: 20px;
        font-size: 14px;
        font-family: "微软雅黑";
        color: #3b3b3b;
        line-height: 28px;
    }
    .about .content .left .button{
        width: 26.07%;
        padding: 10px 0;
        text-align: center;
        border: 1px solid #b13013;
        color: #b13013;
        font-size: 14px;
        border-radius:3px;
        margin-top: 66px;
        transition: 0.2s;
    }
    .about .content .left .button:hover{
        background: #b13013;
        color: #fff;
    }
    .about .content .right{
        width: 50%;
        float: right;
        transition: 0.2s;
    }
    .about .content .right img{
        width: 100%;

    }
    /*.about .content .right:hover{*/
        /*margin-right: 20px;*/
    /*}*/
    /*end-about*/



    /*good-food*/
    .good_food{
        width: 100%;
        background: #f7f6f4;
        margin-top: 83px;
        border-top: 1px solid #fff;
    }
    .good_food .center{
        position: relative;
    }
    .good_food .content{
        width: 46.42%;
        margin:80px auto 0;
        background:#fff;
        box-shadow: 0 10px 15px rgba(0,0,10,.1);
        border: 1px solid rgba(0,0,0,0);
        position: relative;
        padding-bottom: 94px;
    }
    .good_food .content .title{
        content: url("../images/index_15.png");
        display: block;
        margin:70px auto 0;
    }
    .good_food .content .brief{
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-family: "微软雅黑";
        color: #666666;
        margin-top: 18px;
    }
    .good_food .content .button{
        width: 23.08%;
        margin:40px auto 0;
        padding: 10px 0;
        text-align: center;
        border: 1px solid #b13013;
        color: #b13013;
        font-size: 14px;
        font-family: "微软雅黑";
        border-radius:3px;
        transition: 0.2s;
    }
    .good_food .content .button:hover{
        background: #b13013;
        color: #fff;
    }
    .good_food .content .min{
        width: 73.53%;
        margin:90px auto 0;
        overflow: hidden;
    }
    .good_food .content .min img{
        width: 100%;
    }
    .good_food .content .min li{
        height: 315px;
    }
    .good_food .content .food_but_left{
        display: block;
        content: url("../images/index_22.png");
        position: absolute;
        top: 47%;
        left: -4.5%;
        cursor: pointer;
        outline:none;
    }
    .good_food .content .food_but_right{
        display: block;
        content: url("../images/index_24.png");
        position: absolute;
        top: 47%;
        right: -4.5%;
        cursor: pointer;
        outline:none;
    }


    .good_food .position_img{
        width: 13.57%;
        position: absolute;
        cursor: pointer;
    }
    .good_food .position_img img{
        width: 100%;
        box-sizing: border-box;
        border: 10px solid #fff;
        border-radius:50%;
        box-shadow: 0 10px 10px rgba(0,0,0,.1);
        transition: 0.2s;
    }
    .good_food .position_img p{
        width: 100%;
        text-align: center;
        color: #555555;
        font-size: 18px;
        font-family: "微软雅黑";
        margin-top: 25px;
    }
    .good_food .position_img img:hover{
        transform: scale(1.05);
    }
    .good_food .position_img_1{
        top: 8%;
        left: 2%;
    }
    .good_food .position_img_2{
        top: 55%;
        left: 2%;
    }
    .good_food .position_img_3{
        top: 8%;
        right: 2%;
    }
    .good_food .position_img_4{
        top: 55%;
        right: 2%;
    }

    /*end-good-food*/



    /*start-brand*/
    .brand{
        width: 100%;
        margin-top: 82px;
    }
    .brand .center h3{
        font-size:25px;
		text-align:center;
		font-weight: bold;
		color: #4a1912;
    }
    .brand .brief{
        width: 100%;
        text-align: center;
        font-family: "微软雅黑";
        font-size: 14px;
        color: #666666;
        margin-top: 18px;
    }
    .brand .content{
        width: 100%;
        margin-top: 60px;
    }
    .brand .content ul li{
        width: 24%;
        float: left;
        background: #fbfcfe;
        transition: 0.2s;
        cursor: pointer;
        margin-left: 0.962%;
    }
    .brand .content ul li img{
        display: block;
        width: 95.29%;
        margin: 2.3% auto 0;
    }
    .brand .content ul li .li_title{
        width: 100%;
        text-align: center;
        font-family: "微软雅黑";
        font-size: 22px;
        color: #222222;
        margin-top: 45px;
    }
    .brand .content ul li .division1{
        width: 17.64%;
        height: 1px;
        margin: 25px auto 0;
        background: #cccccc;
    }
    .brand .content ul li .min{
        width: 100%;
        box-sizing: border-box;
        padding: 0 13.18%;
        height: 170px;
        margin-top: 30px;
    }
    .brand .content ul li .division2{
        width: 36px;
        height: 4px;
        background: #707070;
        margin: auto;
    }

    .brand .content ul li:hover{
        background: #b13013;
    }
    .brand .content ul li:hover .li_title{
        color: #fff;
    }
    .brand .content ul li:hover .min{
        color: #fff;
    }
    .brand .content ul li:hover .division1{
        background: #5499d6;
    }
    .brand .content ul li:hover .division2{
        background: #94c0e6;
    }
    .brand .content ul li:nth-child(4n+1){
        margin-left: 0;
    }
    /*end-brand*/


    /*start-advantage*/
    .advantage{
        width: 100%;
        margin-top: 100px;
    }
    .advantage .advantage_right .title{
        text-align:center;
    }
    .advantage .advantage_right .content{
        width:100%;
        margin: 0 auto;
    }
	.advantage .advantage_right h3 {
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    color: #4a1912;
    }
    .advantage .advantage_right .brief {
    width: 100%;
    text-align: center;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #666666;
    margin-top: 18px;
    }
	.advantage .advantage_right .content {
	overflow: hidden;
	padding-top:20px;
	}

    .advantage .advantage_right .content li {
		float:left;
		width:24%;
		margin:0.5%;
	}
    .advantage .advantage_right .content li img {
        max-width:100%;
		height:300px;
	}	
    .advantage .advantage_right .content li p {
		line-height:40px;
		font-size:15px;
		text-align:Center;
	}	
	.advantage .advantage_right .more a  {
        display: table;
        margin: 0 auto;
    }

    .advantage .advantage_right  .button{
        width: 150px;
        padding: 10px 0;
        border: 1px solid #b13013;
        color: #b13013;
        transition: 0.2s;
        text-align: center;
        margin-top: 8%;
        border-radius:3px;
    }
    .advantage .advantage_right  .button:hover{
        background: #b13013;
        color: #fff;
    }
    /*end-advantage*/



    /*start-join*/
    .join{
        width: 100%;
        margin-top: 76px;
        background: url("../images/index_33.jpg") no-repeat;
        background-size: cover;
        border-top: 1px solid rgba(0,0,0,0);
        padding-bottom: 75px;
    }
    .join .title{

        margin:70px auto 0;
    }
	 .join h3  {
		font-size: 25px;
    	text-align: center;
    	font-weight: bold;
    	color: #4a1912;
    }
    .join .brief{
        width: 100%;
        text-align: center;
        margin-top: 18px;
        font-family: "微软雅黑";
        font-size: 14px;
        color:#666666
    }
    .join ul{
        margin-top: 18px;
    }
    .join ul li{
        width: 22.5%;
        float: left;
        height: 154px;
        background: #fff;
        position: relative;
        margin-left: 3.33%;
        margin-top: 46px;
        cursor: pointer;
        transition: 0.2s;
        overflow: hidden;
    }

    .join ul li:nth-child(4n+1){
        margin-left: 0;
    }
    .join ul li .mob{
        width: 200%;
        margin-left: -100%;
        height: 100%;
        transition: 0.2s;
    }
    .join ul li:hover .mob{
        margin-left: 0;
    }
    .join ul li .mob .left{
        width: 50%;
        float: left;
        position: relative;
        background: #b13013;
        height: 100%;
    }
    .join ul li .mob .right{
        width: 50%;
        float: left;
        position: relative;
        height: 100%;
    }
    .join ul li .number{
        width: 100%;
        text-align: center;
        font-size: 82px;
        color: #a1c5e5;
        font-family: Arial;
        transition: 0.2s;
        margin-top: 21px;
        color: #fff;
    }
    .join ul li .titles{
        text-align: center;
        font-size: 26px;
        color: #fff;
        font-family: "微软雅黑";
        background-color: #b13013;
        transition: 0.2s;
        /*opacity: 0;*/
        position: absolute;
        top:50%;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .join ul li .numbers{
        width: 100%;
        text-align: center;
        font-size: 82px;
        color: #b13013;
        font-family: Arial;
        transition: 0.2s;
        margin-top: 21px;
    }
    .join ul li .titless{
        text-align: center;
        font-size: 26px;
        color: #444444;
        font-family: "微软雅黑";
        background-color: #fff;
        transition: 0.2s;
        /*opacity: 0;*/
        position: absolute;
        top:50%;
        left: 0;
        width: 100%;
        text-align: center;
    }
    /*end-join*/




    /*start-focus*/
    .focus{
        width: 100%;
        margin-top: 80px;
    }
    .focus .title{
        font-size:25px;
		text-align:center;
		font-weight: bold;
		color: #4a1912;
    }
    .focus .brief{
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-family: "微软雅黑";
        color:#666666;
        margin-top: 18px;
    }
    .focus .content{
        width: 100%;
        margin-top: 60px;
    }
    .focus .content .model{
        width: 30.35%;
        float: left;
        background: #f6f6f8;
        box-sizing: border-box;
        padding: 25px 2.05%;
        border-radius: 8px;
        margin-left: 4.0%;
    }
    .focus .content .model:nth-child(3n+1){
        margin-left: 0;
    }
    .focus .content .model .model_title{
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid  #dddddd;
    }
    .focus .content .model .model_title .name{
        float: left;
        width: auto;
        font-size: 20px;
        font-family: "微软雅黑";
        color:#333333;
        margin-top: 3px;
    }
    .focus .content .model .model_title .button{
        width: 22.2%;
        float: right;
        padding: 5px 0;
        font-family: "微软雅黑";
        font-size: 16px;
        color:#999999;
        box-sizing: border-box;
        border:1px solid #999999;
        text-align: center;
        border-radius: 5px;
        transition: 0.2s;
    }
    .focus .content .model .model_title .button:hover{
        background: #006dcc;
        border-color:#006dcc;
        color:#fff
    }
    .focus .content .model ul .img{
        width: 100%;
        position: relative;
        margin-top: 20px;
        overflow: hidden;
    }
    .focus .content .model ul .img img{
        width: 100%;

    }
    .focus .content .model ul .img .position_title{
        width: 100%;
        padding: 5px;
        font-size: 14px;
        font-family: "微软雅黑";
        color: #fff;
        background: rgba(0,0,0,.5);
        position: absolute;
        bottom: 0;
        left: -100%;
        transition: 0.2s;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .focus .content .model ul .img:hover .position_title{
        left: 0;
    }
    .focus .content .model ul li{
        width: 100%;
        margin-top: 24px;
    }

    .focus .content .model ul li .li_title{
        width: 80%;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        font-size: 14px;
        color: #666666;
        font-family: "微软雅黑";
        float: left;
    }
    .focus .content .model ul li .time{
        width: 18%;

        font-family: "微软雅黑";
        font-size: 12px;
        color:#bbbbbb;
        float: right;
        text-align: right;
    }
    .focus .content .model ul li:hover .li_title{
        color: #006dcc;
    }
    /*end-focus*/


    /*start-links*/
    .links{
        width: 100%;
        background: #3b3b3b;
        padding: 18px 0;
    }
    .links .center a{
        cursor: pointer;
    }
    .links .center a{
        font-size: 12px;
        color:#bbbbbb;
        margin: 0 14px;
    }
    .links .center a:nth-child(1){
        font-size: 12px;
        color: #fff;
        margin: 0;
    }
    .links .center li{
        width: auto;
        float: left;

    }
    /*end-links*/


    /*start-menu*/
    .menu{
        width: 100%;
        position: fixed;
        bottom: 0;
        left: -100%;
        background: rgba(0,0,0,.6);
        transition: 0.3s;
    }
    .menu .phone{
        width: 21.07%;
        float: left;
        position: relative;
        margin-left: 7%;

    }
    .menu .phone i{
        content: url("../images/index_152.png");
    }
    .menu .phone .title{
        width: 100%;
        text-align: center;
        color: #333333;
        font-size: 18px;
        font-weight: 700;
        position: absolute;
        top: 26%;
        left: 0;
    }
    .menu .phone .title span{
        color: #ffaa00;
    }
    .menu .phone .number{
        width: 100%;
        text-align: center;
        color: #ff7f00;
        font-size: 24px;
        font-weight: 700;
        position: absolute;
        top: 55%;
        left: 0;
    }
    .menu .from{
        width: 66.57%;
        float: left;
        margin-left: 1%;
    }
    .menu .from i{
        content: url("../images/index_118.png");
        display: block;
        margin-top: 2.5%;
    }
    .menu .from .inputs{
        width: 100%;
        margin-top: 7px;
        padding: 0 0 20px 0;
    }
    .menu .from .inputs .input{
        width: 25.28%;
        height: 36px;
        background: #fff;
        border-radius:5px;
        float: left;
        margin-left: 2%;
    }
    .menu .from .inputs .input:nth-child(1){
        margin-left: 0;
    }
    .menu .from .inputs .input input{
        width: 95%;
        margin: auto;
        line-height: 36px;
        font-size: 14px;
        color:#666666;
        display: block;
    }
    .menu .from .inputs .button{
        width: 17.9%;
        float: right;
        height: 36px;
        line-height: 36px;
        text-align: center;
        background: #ffaa00;
        color: #fff;
        border-radius:5px;
        cursor: pointer;
    }
    .menu .close{
        content: url("../images/index_182.png");
        display: block;
        float: right;
        margin: 1% 1% 0 0;
        cursor: pointer;
    }
    /*end-menu*/




    /*start-wap*/
    .wap_right_img{
        display: none;
    }
    .index_banner_wap{
        display: none;
    }
    /*end-wap*/


    /*start-good-food-two*/
    .good_food_two{
        width: 100%;
        background: #f7f6f4;
        padding: 50px 0;
        position: relative;
    }
    .good_food_two .left{
        width: 16.822%;
        float: left;
        margin-left: 9%;
    }
    .good_food_two .left i{
        display: block;
        width: 100%;
    }
    .good_food_two .left i:nth-child(1){
        content: url("../images/cp1.jpg");
    }
    .good_food_two .left i:nth-child(2){
        content: url("../images/cp2.jpg");
        margin-top: 37%;
    }
    .good_food_two .right{
        width: 61.27%;
        float: right;
        display: block;
        content: url("../images/cp3.jpg");
        margin-right: 7%;
    }
    .good_food_two .food_position{
        width: 400px;
        padding: 40px 0;
        background: #fff;
        position: absolute;
        top: 29%;
        right: 0;
    }
    /*content: url("../images/index_15.png");*/
    .good_food_two .food_position .title{
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }
    .good_food_two .food_position .min{
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #666;
        margin-top: 20px;
    }
    .good_food_two .food_position .but{
        width: 40%;
        padding: 6px 0;
        text-align: center;
        color: #b13013;
        box-sizing: border-box;
        border: 1px solid #b13013;
        transition: 0.2s;
        margin:20px auto 0;
        border-radius: 3px;
    }
    /*end-good-food-two*/
}


/*wap*/
@media (max-width: 700px){

    .abbt{
        font-size:17px;
		font-weight:bold;	
        padding-top:10px;		
    }

    .head{
        left: -100%;
    }
    .wap_head{
        left: 0;
        /*left: -100%;*/
    }
    /*start-banner*/

    .banner{
        margin-top: 60px!important;

    }
    /*end-banner*/

    /*start-about*/
    .about{
        width: 100%;
        padding-bottom: 20px;
    }
    .about .title{
        width: 100%;
        margin-top: 10%;
    }
    .about .title h3{
        text-align:center;
        font-weight:bold;
		color:#b13013;
		font-size: 20px;
    }
    .about .brief{
        width: 100%;
        text-align: center;
        font-family: "微软雅黑";
        font-size: 13px;
        color: #666666;
        margin-top: 2%;
    }
    .about .content{
        width: 100%;
        margin-top: 5%;
    }
    .about .content .left{
        width: 100%;
    }
    .about .content .left .wap_right_img{
        width: 100%;
    }
    .about .content .left .titles{
        content: url("../images/index_08.png");
        width: 100%;
        margin-top: 5%;
    }
    .about .content .left .mins{
        width: 100%;
        margin-top: 3%;
        font-size: 14px;
        font-family: "微软雅黑";
        color: #3b3b3b;
        line-height: 28px;
    }
    .about .content .left .button{
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border: 1px solid #b13013;
        color: #b13013;
        font-size: 14px;
        border-radius:3px;
        margin-top: 5%;
        transition: 0.2s;
    }
    .about .content .left .button:hover{
        background: #b13013;
        color: #fff;
    }
    .about .content .right{
        width: 50%;
        float: right;
        transition: 0.2s;
        display: none;
    }
    .about .content .right img{
        width: 100%;

    }
    /*.about .content .right:hover{*/
        /*margin-right: 20px;*/
    /*}*/
    /*end-about*/



    /*good-food*/
    .good_food{
        width: 100%;
        background: #f7f6f4;
        margin-top: 10%;
        border-top: 1px solid #fff;
    }
    .good_food .center{
        position: relative;
    }
    .good_food .content{
        width: 92%;
        margin:10% auto 0;
        background:#fff;
        box-shadow: 0 10px 15px rgba(0,0,10,.1);
        border: 1px solid rgba(0,0,0,0);
        position: relative;
        padding-bottom: 20%;
    }
    .good_food .content .title{
        content: url(../images/index_15.png);
        display: block;
        margin: 8% auto 0;
        width: 38%;

    }
    .good_food .content .brief{
        width: 91%;
        text-align: center;
        font-size: 13px;
        font-family: "微软雅黑";
        color: #666666;
        margin: 10% auto 0;
    }
    .good_food .content .button{
        width: 77.08%;
        margin:10% auto 0;
        padding: 10px 0;
        text-align: center;
        border: 1px solid #b13013;
        color: #b13013;
        font-size: 14px;
        font-family: "微软雅黑";
        border-radius:3px;
        transition: 0.2s;
    }
    .good_food .content .button:hover{
        background: #b13013;
        color: #fff;
    }
    .good_food .content .min{
        width: 73.53%;
        margin:16% auto 0;
        overflow: hidden;
    }
    .good_food .content .min img{
        width: 100%;
    }
    .good_food .content .food_but_left{
        display: block;
        content: url("../images/index_22.png");
        position: absolute;
        top: 47%;
        left: -4.5%;
        cursor: pointer;
        outline:none;
    }
    .good_food .content .food_but_right{
        display: block;
        content: url("../images/index_24.png");
        position: absolute;
        top: 47%;
        right: -4.5%;
        cursor: pointer;
        outline:none;
    }


    .good_food .position_img{
        width: 13.57%;
        position: absolute;
        cursor: pointer;
        display: none;
    }
    .good_food .position_img img{
        width: 100%;
        box-sizing: border-box;
        border: 10px solid #fff;
        border-radius:50%;
        box-shadow: 0 10px 10px rgba(0,0,0,.1);
        transition: 0.2s;
    }
    .good_food .position_img p{
        width: 100%;
        text-align: center;
        color: #555555;
        font-size: 18px;
        font-family: "微软雅黑";
        margin-top: 25px;
    }
    .good_food .position_img img:hover{
        transform: scale(1.05);
    }
    .good_food .position_img_1{
        top: 8%;
        left: 2%;
    }
    .good_food .position_img_2{
        top: 55%;
        left: 2%;
    }
    .good_food .position_img_3{
        top: 8%;
        right: 2%;
    }
    .good_food .position_img_4{
        top: 55%;
        right: 2%;
    }

    /*end-good-food*/


    /*start-brand*/
    .brand{
        width: 100%;
        margin-top: 11%;
    }
    .brand .title{

    }
	.brand .center h3{
        font-size:20px;
		text-align:center;
		font-weight: bold;
		color: #4a1912;
    }
    .brand .brief{
        width: 100%;
        text-align: center;
        font-family: "微软雅黑";
        font-size: 13px;
        color: #666666;
        margin-top: 3%;
    }
    .brand .content{
        width: 100%;
    }
    .brand .content ul li{
        width: 49.5%;
        float: left;
        background: #fbfcfe;
        transition: 0.2s;
        cursor: pointer;
        margin-left: 0.962%;
        margin-top: 6%;
    }
    .brand .content ul li img{
        display: block;
        width: 95.29%;
        margin: 2.3% auto 0;
    }
    .brand .content ul li .li_title{
        width: 100%;
        text-align: center;
        font-family: "微软雅黑";
        font-size: 17px;
        color: #222222;
        margin-top: 7%;
    }
    .brand .content ul li .division1{
        width: 17.64%;
        height: 1px;
        margin: 5% auto 0;
        background: #cccccc;
    }
    .brand .content ul li .min{
        width: 100%;
        box-sizing: border-box;
        padding: 0 3.18%;
        height: 114px;
        margin-top: 5%;
        font-size: 12px;
    }
    .brand .content ul li .division2{
        width: 36px;
        height: 4px;
        background: #707070;
        margin: auto;
    }

    .brand .content ul li:hover{
        background: #b13013;
    }
    .brand .content ul li:hover .li_title{
        color: #fff;
    }
    .brand .content ul li:hover .min{
        color: #fff;
    }
    .brand .content ul li:hover .division1{
        background: #5499d6;
    }
    .brand .content ul li:hover .division2{
        background: #94c0e6;
    }
    .brand .content ul li:nth-child(2n+1){
        margin-left: 0;
    }
    /*end-brand*/


    /*start-advantage*/
    .advantage{
        width: 100%;
        margin-top: 13%;
    }

    .advantage .advantage_right{
        width: 95%;
        margin: auto;
    }
    .advantage .advantage_right .title{
       text-align:center;
    }
	.advantage .advantage_right h3 {
        font-size: 20px;
        text-align: center;
        font-weight: bold;
        color: #4a1912;
    }
    .advantage .advantage_right .brief {
        width: 100%;
        text-align: center;
        font-family: "微软雅黑";
        font-size: 14px;
        color: #666666;
    }
    .advantage .advantage_right .content li {

		width:100%;
		margin:0.5%;
	}
    .advantage .advantage_right .content li img {
        max-width:100%;
		height:auto;
	}	
    .advantage .advantage_right .content li p {
		line-height:40px;
		font-size:15px;
		text-align:Center;
	}	
    .advantage .advantage_right .content{
        margin-top: 4%;
        overflow: hidden;
    }
    .advantage .advantage_right  .button{
        width: 95%;
        padding: 10px 0;
        border: 1px solid #b13013;
        color: #b13013;
        transition: 0.2s;
        text-align: center;
        margin-top: 5%;
        border-radius:3px;
    }
    .advantage .advantage_right  .button:hover{
        background: #b13013;
        color: #fff;
    }
    /*end-advantage*/



    /*start-join*/
    .join{
        width: 100%;
        margin-top: 76px;
        background: url("../images/index_33.jpg") no-repeat;
        background-size: cover;
        border-top: 1px solid rgba(0,0,0,0);
        padding-bottom: 11%;
    }
    .join .title{
        margin-top:30px;
    }
	 .join h3  {
		font-size: 25px;
    	text-align: center;
    	font-weight: bold;
    	color: #4a1912;
    }	
    .join .brief{
        width: 100%;
        text-align: center;
        margin-top: 4%;
        font-family: "微软雅黑";
        font-size: 13px;
        color:#666666
    }
    .join ul{
        margin-top: 18px;
    }
    .join ul li{
        width: 48.3%;
        float: left;
        height: 105px;
        background: #fff;
        position: relative;
        margin-left: 3.33%;
        margin-top: 3%;
        cursor: pointer;
        transition: 0.2s;
        overflow: hidden;
    }

    .join ul li:nth-child(2n+1){
        margin-left: 0;
    }
    .join ul li .mob{
        width: 200%;
        margin-left: -100%;
        height: 100%;
        transition: 0.2s;
    }
    .join ul li:hover .mob{
        margin-left: 0;
    }
    .join ul li .mob .left{
        width: 50%;
        float: left;
        position: relative;
        background: #b13013;
        height: 100%;
    }
    .join ul li .mob .right{
        width: 50%;
        float: left;
        position: relative;
        height: 100%;
    }
    .join ul li .number{
        width: 100%;
        text-align: center;
        font-size: 50px;
        font-family: Arial;
        transition: 0.2s;
        margin-top: 12%;
        color: #fff;
    }
    .join ul li .titles{
        text-align: center;
        font-size: 20px;
        color: #fff;
        font-family: "微软雅黑";
        background-color: #b13013;
        transition: 0.2s;
        /* opacity: 0; */
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
    }
    .join ul li .numbers{
        width: 100%;
        text-align: center;
        font-size: 50px;
        color: #b13013;
        font-family: Arial;
        transition: 0.2s;
        margin-top: 12%;
    }
    .join ul li .titless{
        text-align: center;
        font-size: 20px;
        color: #444444;
        font-family: "微软雅黑";
        background-color: #fff;
        transition: 0.2s;
        /* opacity: 0; */
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
    }
    /*end-join*/




    /*start-focus*/
    .focus{
        width: 100%;
        margin-top: 9%;
    }
    .focus .title{
        margin-top:30px;
    }
	.focus h3  {
		font-size: 25px;
    	text-align: center;
    	font-weight: bold;
    	color: #4a1912;
    }	
    .focus .brief{
        width: 100%;
        text-align: center;
        font-size: 13px;
        font-family: "微软雅黑";
        color:#666666;
        margin-top: 4%;
    }
    .focus .content{
        width: 100%;
        margin-top: 4%;
    }
    .focus .content .model{
        width: 100%;
        float: left;
        background: #f6f6f8;
        box-sizing: border-box;
        padding: 3% 4.05%;
        border-radius: 8px;
        margin-top: 2%;
    }
    .focus .content .model:nth-child(3n+1){
        margin-left: 0;
    }
    .focus .content .model .model_title{
        width: 100%;
        padding-bottom: 3%;
        border-bottom: 1px solid  #dddddd;
    }
    .focus .content .model .model_title .name{
        float: left;
        width: auto;
        font-size: 16px;
        font-family: "微软雅黑";
        color: #333333;
        margin-top: 1%;
    }
    .focus .content .model .model_title .button{
        width: 22.2%;
        float: right;
        padding: 5px 0;
        font-family: "微软雅黑";
        font-size: 12px;
        color: #999999;
        box-sizing: border-box;
        border: 1px solid #999999;
        text-align: center;
        border-radius: 5px;
        transition: 0.2s;
    }
    .focus .content .model .model_title .button:hover{
        background: #006dcc;
        border-color:#006dcc;
        color:#fff
    }
    .focus .content .model ul .img{
        width: 100%;
        position: relative;
        margin-top: 4%;
        overflow: hidden;
    }
    .focus .content .model ul .img img{
        width: 100%;

    }
    .focus .content .model ul .img .position_title{
        width: 100%;
        padding: 5px;
        font-size: 14px;
        font-family: "微软雅黑";
        color: #fff;
        background: rgba(0,0,0,.5);
        position: absolute;
        bottom: 0;
        left: -100%;
        transition: 0.2s;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .focus .content .model ul .img:hover .position_title{
        left: 0;
    }
    .focus .content .model ul li{
        width: 100%;
        margin-top: 7%;
    }

    .focus .content .model ul li .li_title{
        width: 80%;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        font-size: 14px;
        color: #666666;
        font-family: "微软雅黑";
        float: left;
    }
    .focus .content .model ul li .time{
        width: 18%;

        font-family: "微软雅黑";
        font-size: 12px;
        color:#bbbbbb;
        float: right;
        text-align: right;
    }
    .focus .content .model ul li:hover .li_title{
        color: #006dcc;
    }
    /*end-focus*/


    /*start-links*/
    .links{
        width: 100%;
        background: #3b3b3b;
        padding: 3% 0;
    }
    .links .center a{
        cursor: pointer;
    }
    .links .center a{
        font-size: 12px;
        color:#bbbbbb;
        margin: 0 1%;
    }
    .links .center a:nth-child(1){
        font-size: 12px;
        color: #fff;
        margin: 0;
    }
    .links .center li{
        width: auto;
        float: left;
        margin:0 10px;
    }
    /*end-links*/


    /*start-menu*/
    .menu{
        width: 100%;
        position: fixed;
        bottom: 0;
        left: -100%;
        background: rgba(0,0,0,.6);
        transition: 0.3s;
        display: none;
    }
    .menu .phone{
        width: 21.07%;
        float: left;
        position: relative;
        margin-left: 7%;

    }
    .menu .phone i{
        content: url("../images/index_152.png");
    }
    .menu .phone .title{
        width: 100%;
        text-align: center;
        color: #333333;
        font-size: 18px;
        font-weight: 700;
        position: absolute;
        top: 26%;
        left: 0;
    }
    .menu .phone .title span{
        color: #ffaa00;
    }
    .menu .phone .number{
        width: 100%;
        text-align: center;
        color: #ff7f00;
        font-size: 24px;
        font-weight: 700;
        position: absolute;
        top: 55%;
        left: 0;
    }
    .menu .from{
        width: 66.57%;
        float: left;
        margin-left: 1%;
    }
    .menu .from i{
        content: url("../images/index_118.png");
        display: block;
        margin-top: 2.5%;
    }
    .menu .from .inputs{
        width: 100%;
        margin-top: 7px;
    }
    .menu .from .inputs .input{
        width: 25.28%;
        height: 36px;
        background: #fff;
        border-radius:5px;
        float: left;
        margin-left: 2%;
    }
    .menu .from .inputs .input:nth-child(1){
        margin-left: 0;
    }
    .menu .from .inputs .input input{
        width: 95%;
        margin: auto;
        line-height: 36px;
        font-size: 14px;
        color:#666666;
        display: block;
    }
    .menu .from .inputs .button{
        width: 17.9%;
        float: right;
        height: 36px;
        line-height: 36px;
        text-align: center;
        background: #ffaa00;
        color: #fff;
        border-radius:5px;
        cursor: pointer;
    }
    .menu .close{
        content: url("../images/index_182.png");
        display: block;
        float: right;
        margin: 1% 1% 0 0;
        cursor: pointer;
    }
    /*end-menu*/


    .index_banner_pc{
        display: none;
    }

    /*start-good-food-two*/
    .good_food_two{
        width: 95%;
        background: #f7f6f4;
        padding: 50px 0;

        margin: auto;
    }
    .good_food_two .left{
        width: 100%;
    }
    .good_food_two .left i{
        display: block;
        width: 50%;
        float: left;
    }
    .good_food_two .left i:nth-child(1){
        content: url("../images/cp1.jpg");
    }
    .good_food_two .left i:nth-child(2){
        content: url("../images/cp2.jpg");
    }
    .good_food_two .right{
        width: 100%;
        display: block;
        content: url("../images/cp3.jpg");
    }
    .good_food_two .food_position{
        width: 100%;
        padding: 20px 0;
        background: #fff;
    }
    /*content: url("../images/index_15.png");*/
    .good_food_two .food_position .title{
        text-align: center;
        font-size:17px;
        font-weight: bold;
    }
    .good_food_two .food_position .min{
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #666;
        margin-top: 4%;
    }
    .good_food_two .food_position .but{
        width: 40%;
        padding: 6px 0;
        text-align: center;
        color: #b13013;
        box-sizing: border-box;
        border: 1px solid #b13013;
        transition: 0.2s;
        margin:20px auto 0;
        border-radius: 3px;
    }
    /*end-good-food-two*/
}

#food_right{
    overflow: hidden;
    position: relative;
}
#food_paeg{
    position: absolute;
    bottom: 4%;
    left: 0;
    width: 100%;
    text-align: center;
    color:#000
}
#wap_food_right{
    overflow: hidden;
    position: relative;
}
#wap_food_paeg{
    position: absolute;
    bottom: 4%;
    left: 0;
    width: 100%;
    text-align: center;
    color:#000
}
#wap_food_right img{
    width: 100%;
}
/*.swiper-pagination-bullet-active{*/
    /*background: red!important;*/
/*}*/